<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" >

<head><title>Stretched</title>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" href="site.css"   media="all"    type="text/css" />
    <link rel="stylesheet" href="page.css"   media="all"    type="text/css" />
</head>

<body>
    <h1>Stretched</h1>
    <div class="gp">Positioned Grandparent
        <div class="parent">Non-positioned Parent <span id="inline" class="box_base">Cannot stretch a static inline</span>

            <div id="sized_block" >
                <img id="inline_replaced" src="star.gif" alt="star" />
            </div>

            <div id="block"  class="box_base">H. Stretched Block <code>width:auto</code></div>

            <table id="table"  class="box_base"><tr><td>H. Stretched Table <code>width:100%</code></td></tr></table>

            <div id="abs_v"  class="box_base">V. Stretched Absolute<br /><code>top:0; bottom:0;</code></div>

            <span id="abs_h"  class="box_base">H. Stretched Absolute <code>left:0; right:0;</code></span>
            <span id="float"  class="box_base"><em>inner box</em> Stretched Float <code>width:100%;</code></span>
        </div>
    </div>
     
</body>
</html>
